<template>
    <div>pinia的示例：</div>
    <p>store.age：{{ store.age }}</p>
    <el-button @click="addAge">长大</el-button>
    <p>是否成年（store.isAdult):{{ store.isAdult }}</p>
    <hr />
    <p>store02.count:{{ store02.count }}</p>
    <el-button @click="changeCount">修改count</el-button>

</template>

<script lang="ts" setup>
import { useStore, useStore02 } from "@/stores/counter.ts";

const store = useStore();

console.log("store", store);
console.log("store.age", store.age);

function addAge() {
    // store.age++;
    store.$patch({ age: store.age + 1 })
    // store.upAge();
}


// 

const store02 = useStore02();

function changeCount() {
    store02.addCount();
}



</script>

<style>

</style>